<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    /* 
      数组：
        1、什么是数组：
            1、数组是一种特殊的数据类型，用来存储多个数据。
            2、数组的元素可以是任意类型的数据，包括字符串、数字、布尔值、对象等
            3、数组是值的有序集合，每一个数组的值，称为元素
        2、索引值（下标）
            1、数组的索引值是从0开始的，表示数组中的元素在数组中的位置
            2、数组索引值最大到： 2的32次方-2
        3、长度属性
            通过  length  属性表示数组长度（表示有多少个元素）
            通过  数组名.length 调用
        4、数组的创建
            
    */

    // 1、字面量创建数组
    var arr1 = [1,2,3,4,5,6,7,8,9,10];
    // console.log(arr1);
    // console.log(arr1.length); // 获取数组长度
    // 2、字面量创建一个空数组
    var arr2 = [];
    // console.log(arr2);

    // 3、通过构造函数创建数组
    var arr3 = new Array(1,2,3,4,5);
    // console.log(arr3);
    // 4、通过构造函数创建一个空数组
    var arr4 = new Array();
    // console.log(arr4);
    // 5、通过构造函数创建一个长度为几的空数组，小括号里放一个数字
    var arr5 = new Array(10);
    // console.log(arr5);


    // 展示数组长度不是只读的
    var arr6 = [1,2,3,4,5];
    console.log(arr6.length); // 5
    arr6.length = 10;
    console.log(arr6);
    // 长度比原有元素多的时候，会自动补全undefined
    console.log(arr6[5]);
    console.log(arr6[6]);
    console.log(arr6[7]);
    console.log(arr6[8]);
    console.log(arr6[9]);

    // 长度比原有元素少的时候，多出来的元素会被截掉
    var arr7 = [1,2,3,4,5]; 
    arr7.length = 2;
    console.log(arr7); // [1, 2]
  </script>
</body>
</html>